/*
 * Copyright (c) Huawei Technologies Co., Ltd. 2025. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { mount } from '@vue/test-utils';
import { describe, it, expect, vi } from 'vitest';
import ClusterChart from '@/pages/cluster/cluster-chart.vue';
import ClusterLayout from '@/pages/cluster/cluster-layout.vue';

describe('ClusterLayout', () => {
    vi.mock('@opentiny/vue-huicharts', () => ({
        default: {
            name: 'TinyHuichartsGauge',
            template: '<div class="canvas-mock">Canvas Mock</div>',
        },
    }));

    const wrapper = mount(ClusterLayout, {
        global: {
            stubs: {
                ResourcesCard: true,
                ClusterChart: true,
            },
        },
    });

    it('renders the main structure correctly', async () => {
        expect(wrapper.findComponent(ClusterChart).exists()).toBe(true);
    });
})